<template>
  <div>
    <s-table :table="table" @http="tableWatch"></s-table>
  </div>
</template>

<script>
  import {AutoVue} from '~/plugins/Tools';

  export default AutoVue({
    name: 'log_details-safety',
    transition: 'slide-fade',
    store: ['USER'],
    data: {
      table: {
        column: [ { label: '用户账号',
          prop: 'useraccount',
          minWidth: '0px',
          cRemarks: '用户账号',
          search: true },
        { label: '模块名称',
          prop: 'modulename',
          minWidth: '0px',
          cRemarks: '模块',
          search: true },
        { label: '操作类型',
          prop: 'type',
          minWidth: '0px',
          cRemarks: '操作类型',
          search: true },
        { label: 'IP',
          prop: 'ip',
          minWidth: '0px',
          cRemarks: 'IP',
          search: true },
        { label: '操作时间',
          prop: 'operatetime',
          formatter: (row, column) => {
            return this.a.methods.formatterTime(row[column.property || column], 6);
          },
          minWidth: '0px',
          cRemarks: '操作时间',
          search: true },
        { label: '客户名称',
          prop: 'show_rentid',
          minWidth: '0px',
          cRemarks: '客户名称',
          search: true },
        { label: '机构名称',
          prop: 'show_orgid',
          minWidth: '0px',
          cRemarks: '机构名称',
          search: true },
        { label: '状态名称',
          prop: 'show_status',
          minWidth: '0px',
          cRemarks: '状态名称',
          search: true } ],
        url: '/operaterlog/',
        key: 'id',
        tableColumn: 5,
      },
    },
    methods: {
    },
    mounted: function () {
      this.tableWatch('table');
    },
  });
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
  .box-card {
    margin: 20px;
  }

  .createTimeSpan {
    display: block;
    margin-top: 34px;
  }

  @media screen and (max-width: 800px) {
    .createTimeSpan {
      margin-top: 0;
    }
    .box-card {
      margin: 0;
    }
  }

  .el-select {
    width: 100%;
  }
</style>
